<script setup>

</script>

<template>
  <div class="home">
    <p>我是首页 获取到的query路由参数id是：{{ $route.query.id }}</p>
    <p>我是首页 获取到的params路由参数id是：{{ $route.params.title }}</p>
    <header>
      <router-link to="/home/person" active-class="active">人员</router-link>
      <router-link to="/home/goods" active-class="active">产品</router-link>
    </header>
    <router-view></router-view>
  </div>
</template>

<style scoped lang="less">
.home {
  padding: 5px;
  width: 100%;
  height: 600px;
  background-color: darkcyan;

  header {
    margin-top: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #91e4ee;
    border-bottom: 5px solid #95fd05;
    .active{
      color: #fff;
    }
  }
}
</style>
